﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="VerFoto2.aspx.cs" Inherits="Pages_VerFoto"
    MasterPageFile="~/Pages/MasterPage.master" %>

<asp:Content ID="contHead" runat="server" ContentPlaceHolderID="cphHead">
    <link href="../css/VerFoto.css" rel="stylesheet" type="text/css" />
    <script src="../js/Fotos.js" type="text/javascript"></script>
    <script src="../Plugin/galleria/galleria-1.2.5.min.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="contBody" runat="server" ContentPlaceHolderID="cphContenido">
    <div class="container_12">
        <script type="text/javascript">
            setIdUsuarioLogueado(<%=Session["IdUsuario"]%>);
            $(document).ready(function () {
                Load(getParameterByName('idUsuario'));
            });

            function Load(IdUsuario) {
                var parametros = "{" +
                                    "'idUsuario':'" + IdUsuario + "'" +
                                 "}";

                LlamarWebService("../Servicios/Usuario.asmx/GetCantidadFotosUsuario", parametros, EvaluarCantidadFotos, FuncionFallo);
            }

            function EvaluarCantidadFotos(cantidad) {
                cantidadFotos = cantidad;
                if (cantidadFotos > 0) {
                    GetFotos(getParameterByName('idUsuario'));
                }
                else {
                    $("#Fotos").empty();
                    $('<div>No hay fotos compartidas por el usuario</div>').appendTo('#Fotos');
                    $("#Descripcion").hide();
                }
            }
        </script>
        <div class="grid_12 separacion">
        </div>
        <div id="Fotos" class="alpha grid_11 ContenidoPagina">
            <div class="alpha grid_5 omega Cabecera">
                <b>Fotos</b></div>
            <div class="clear">
            </div>
            <div class="Linea">
            </div>
            <div class="grid_12 separacion">
            </div>
            <div id="galleria" class="alpha grid_11 omega">
            </div>
        </div>


        <script type="text/javascript">

            // Load the classic theme
            Galleria.loadTheme('../Plugin/galleria/themes/classic/galleria.classic.min.js');

            $('#galleria').galleria({
                width: 850,
                height: 500,
                transition: 'fadeslide',
                carousel: true,
                lightbox: true,
                showInfo: true,
                 _toggleInfo: true,
                autoplay: 6000
            }); 

        </script>


    </div>
</asp:Content>
